/* 基础布局样式 */
.bh-container {
	padding: 0 30rpx;
}
.sticky{
	position: sticky;
	z-index: 1;
	top: 0;
}

.bh-row {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.bh-col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* 设置子元素的间距 */
.bh-row .child:not(:last-child) {
	margin-right: 10px;
}

.bh-col .child:not(:last-child) {
	margin-bottom: 10px;
}

/* 设置子元素的宽度占比 */
.bh-col .child {
	flex: 1;
}

/* 设置子元素在主轴上的对齐方式 */
.bh-justify-start {
	justify-content: flex-start;
}

.bh-justify-end {
	justify-content: flex-end;
}

.bh-justify-center {
	justify-content: center;
}

.bh-justify-space-between {
	justify-content: space-between;
}

.bh-justify-space-around {
	justify-content: space-around;
}

/* 设置子元素在交叉轴上的对齐方式 */
.bh-align-start {
	align-items: flex-start;
}

.bh-align-end {
	align-items: flex-end;
}

.bh-align-center {
	align-items: center;
}

.bh-align-stretch {
	align-items: stretch;
}

.bh-align-baseline {
	align-items: baseline;
}

.bh-pd-horizontal {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.bh-bg-color {
	background-color: #f7f7f7
}

.bh-flex-1 {
	flex: 1;
}

.bh-pd-vertical-15 {
	padding-top: 15rpx;
	padding-bottom: 15rpx;
}

.bh-pd-vertical-30 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.bh-pd-horizontal-15 {
	padding-left: 15rpx;
	padding-right: 15rpx;
}

.bh-pd-horizontal-30 {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.bh-pd-horizontal-40 {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.bh-mg-vertical-15 {
	margin-top: 15rpx;
	margin-bottom: 15rpx;
}

.bh-mg-vertical-30 {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.bh-mg-horizontal-15 {
	margin-left: 15rpx;
	margin-right: 15rpx;
}

.bh-mg-horizontal-20 {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.bh-mg-horizontal-30 {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.empty-wrap {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: 苹方-简;
	font-size: 32rpx;
	font-weight: 500;
	line-height: 32rpx;
	text-align: center;
	letter-spacing: 0px;

	color: #999999;
}
	.rendering{
		color: transparent;
		text-shadow: #666 0 0 12rpx;
	}
.nomore-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: 苹方-简;
	font-size: 32rpx;
	font-weight: 500;
	line-height: 32rpx;
	text-align: center;
	letter-spacing: 0px;

	color: #999999;
}

/* 文字最多显示一行 */
.white-space1{
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
}

/* 文字最多显示两行 */
.white-space2{
	max-height: 80rpx;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	/* -webkit-line-clamp:2;//显示的行数 */
}
.input-placeholder {
	font-family: 苹方-简;
	font-size: 28rpx;
	font-weight: normal;

	color: #999999;
}

/*自定义swiper样式*/
.bh-swiper-container {
	/* height: 100vh; */
	/* overflow: hidden; */
}

.bh-swiper {
	display: flex;
	width: 300%;
	/* 页面宽度为页面数的3倍 */
	transition: transform 0.3s ease-in-out;
}

.bh-swiper-page {
	/* flex: 1; */
	/* height: 100vh; */
	width: 750rpx;
	/* padding: 20px; */
	box-sizing: border-box;
	background-color: #f5f5f5;
	font-size: 18px;
}
.bh-black-bg{
	width: 100vw;
	background: rgba(0, 0, 0, 0.45);
	position: fixed;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 6;
}
.bh-dialog-view{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: #FFFFFF;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
	
}
.bh-round-btn{
	width: 612rpx;
	height: 112rpx;
	line-height: 112rpx;
	border-radius: 48rpx;
	background: #F8D247;
	font-size: 32rpx;
	font-weight: 600;
	text-align: center;
}
.bh-medium-round-btn{
	width: 256rpx;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 48rpx;
	background: #F8D247;
	font-size: 32rpx;
	font-weight: 600;
	text-align: center;
}
.bh-small-round-btn{
	width: 144rpx;
	height: 52rpx;
	line-height: 52rpx;
	border-radius: 48rpx;
	background: #F8D247;
	font-size: 28rpx;
	font-weight: 600;
	text-align: center;
}
/**swiper 类型的tab样式*/
.swiper-container {
	/* 假设标题栏高度为50px，计算剩余的高度 */
	overflow: hidden;
	background-color: white;
}

.p30 {
	padding: 30rpx;
}

.pt60 {
	padding-top: 60rpx;
}

.p030 {
	padding: 0 30rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}
.mb40 {
	margin-bottom: 40rpx;
}
.mr5 {
	margin-right: 5rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.mr30 {
	margin-right: 30rpx;
}
.ml10 {
	margin-left: 10rpx;
}
.ml15 {
	margin-left: 15rpx;
}

.ml20 {
	margin-left: 20rpx;
}

.ml30 {
	margin-left: 30rpx;
}
.pr10 {
	padding-right: 10rpx;
}

.pb20 {
	padding-bottom: 20rpx;
}

.pb30 {
	padding-bottom: 30rpx;
}

.pb40 {
	padding-bottom: 40rpx;
}
.cf{
	color: #fff;
}
.c0{
	color: #000;
}
.c3 {
	color: #333;
}
.c6 {
	color: #666;
}
.c9 {
	color: #999;
}
.cOrange {
	color: #FF6430;
}
.fw600{
	font-weight: 600;
}
.f42{
	font-size: 42rpx;
}
.f18{
	font-size: 18rpx;
}
.f20{
	font-size: 20rpx;
}
.f22{
	font-size: 22rpx;
}
.f24{
	font-size: 24rpx;
}
.f26{
	font-size: 26rpx;
}
.f28{
	font-size: 28rpx;
}
.f30{
	font-size: 30rpx;
}
.f32{
	font-size: 32rpx;
}
.f34{
	font-size: 34rpx;
}
.f36{
	font-size: 36rpx;
}
.f38{
	font-size: 38rpx;
}